<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head> 

    </h:head>
    <h:body>
        <ui:composition template="./../Templates/TemplatePaciente.xhtml">
            <p:growl id="growlHCEPaciente" showDetail="true" life="2000" autoUpdate="true"/>
            <ui:define name="contentS">

                <h:form>

                    <h:outputText value="Datos Informativos" style="font-size: 14px; color: #003399"/>
                    <h:panelGrid id="pngDatosPaciente" columns="4" cellpadding="3" style="font-size: 12px !important">

                        <h:outputText value="Cédula:" style="color:#003399" />
                        <h:outputText value="#{controladorHCEPaciente.hce.paciente.ci}"/>
                         
                        <h:outputText value="Sexo:" style="color:#003399" />
                        <h:outputText value="#{controladorHCEPaciente.hce.paciente.sexo}"/>

                        <h:outputText value="Nombres:" style="color:#003399" />
                        <h:outputText value="#{controladorHCEPaciente.hce.paciente.nombres}" />

                        <h:outputText value="Apellidos:" style="color:#003399" />
                        <h:outputText value="#{controladorHCEPaciente.hce.paciente.apellidos}"/>

                       

                    </h:panelGrid>

                </h:form>

                <h:form id="frmInstrucciones">

                    <h:outputText value="Para ver el registro en detalle seleccione la fila" style="font-size: 12px; color: #AFAFAF"/>
                    <br />
                    <p:dataTable id="tblInstrucciones" value="#{controladorHCEPaciente.lstComposiciones}" 
                                 var="composicion" rowKey="#{composicion.idComposicion}"
                                 selectionMode="single"
                                 selection="#{controladorHCEPaciente.composicionSel}">
                         <p:ajax event="rowSelect" update=":VisualizarComposicion" oncomplete="wdlgVerHCE.show()" />
                        <p:column headerText="Fecha">
                            <h:outputText value="#{composicion.fecha}"/>
                        </p:column>
                        
                        <p:column headerText="Médico">
                            <h:outputText value="#{composicion.profesionalSalud.nombres} #{composicion.profesionalSalud.apellidos}"/>
                        </p:column>
                        <p:column headerText="Dependencia">
                            <h:outputText value="#{composicion.organizacionDependencia.dependencia.descripcion}"/>
                        </p:column>
                    </p:dataTable>
                </h:form>
                <p:ajaxStatus style="width:64px;height:64px;position:fixed;right:5px;bottom:5px">  
                    <f:facet name="start">  
                        <p:graphicImage value="/resources/images/loading.gif" />  
                    </f:facet>  

                    <f:facet name="complete">  
                        <h:outputText value="" />  
                    </f:facet>  
                </p:ajaxStatus> 
            </ui:define>


            <ui:define name="dialogos">
                <p:dialog id="VerHCE" widgetVar="wdlgVerHCE"   header="Visita Médica" 
                          modal="true" resizable="false" closable="true">
                    <p:scrollPanel  style="width:500px;height:300px"  mode="native">                        
                        <h:form id="VisualizarComposicion">
                          
                            <p:dataTable id="tblEntradas" value="#{controladorHCEPaciente.composicionSel.lstentrada}" 
                                         var="entrada" rowKey="#{entrada.idEntrada}"
                                         style="margin:5px;">

                                <p:column headerText="Detalle Visita">
                                    <h:outputText value="#{entrada.tipoEntrada.descripcion}" style="font-size: 12px; color: #003399"/>
                                    <br />
                                    <h:outputText value="#{entrada.contenido}" escape="false"/>
                                    <br />

                                </p:column>

                            </p:dataTable>

                        </h:form>
                    </p:scrollPanel>
                    <f:facet name="footer">
                        <center> <p:commandButton id="bntSalir" value="Salir"
                                                  onclick="wdlgVerHCE.hide();"
                                                  process="@this" />
                        </center>
                    </f:facet>
                </p:dialog>

            </ui:define>
        </ui:composition>
    </h:body>
</html>
